@import 'element-plus/theme-chalk/dark/css-vars.css';
/* light主题 */
:root[theme='light'] {
  --theme-bg-color: #f5f7f9;
  --theme-text-color: #1c1824;
  --layout-bg-color: #f5f7f9;
  --top-head-bg-color: #fff;
  --tagView-border-color: #f5ebeb;
  --tagViewItem-border-color: #eadfdf;
  --tagViewItem-text-color: #1c1824;
  --tagViewItem-bg-active-color: #6ba9e4;
  --tagViewItem-test-active-color: #ffffff;
  --icon-color: #1c1824;
  --left-menu-bg-color: #ffffff;
  --left-menu-bg-active-color: #95adc9;
  --left-menu-text-active-color: #ffffff;
  --left-menu-text-color: #1c1824;
}
/* dark主题 */
:root[theme='dark'] {
  --theme-bg-color: #1c1824;
  --theme-text-color: #f5f7f9;
  --layout-bg-color: #1c1824;
  --top-head-bg-color: #000;
  --tagView-border-color: #362f2f;
  --tagViewItem-border-color: #1c1b1b;
  --tagViewItem-text-color: #1c1824;
  --tagViewItem-bg-active-color: #6ba9e4;
  --tagViewItem-test-active-color: #ffffff;
  --icon-color: #fdfdfd;
  --left-menu-bg-color: #000;
  --left-menu-bg-active-color: #2a5383;
  --left-menu-text-active-color: #ffffff;
  --left-menu-text-color: #aea5a5;
}
html {
  /* 自定义深色背景颜色 */
  background-color: var(--theme-bg-color);
  color: var(--theme-text-color);
  transition: all 0.3s;
}
